/* Basic Elements */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	outline: 0;
}
a img {
	border: 0;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
body {
	overflow: hidden;
	font-family: 'Sylfaen';
	font-size: 14px;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/* Wrapper */
div#wrapper {
	margin: 0 auto;
	width: 810px;
}
/* Header */
div#header {
	background: url('../images/header.png') no-repeat;
	position: relative;
}
/* Logo */
div#logo {
	position: absolute;
}
div#logo a {
	display: block;
	text-indent: -9999px;
}
/* Content Radius */
div.content-radius {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	behavior: url('./js/css3/PIE.htc');
}
/* Content Inner */
div.inner {
	padding: 15px;
	text-align: justify
}
div.line {
	background: #e9e8e8;
	height: 1px;
	line-height: 1px;
}
/* Like */
div#like {
	background: url('../images/like-bg.png') no-repeat;
	height: 700px;
}
div#like h1 {
	text-indent: -9999px;
}

div.like-button {
	float: right;
	text-align: right;
	width: 155px;
}

div.like-button-left {
	float:left;
	width:600px;
}

/* Share Button */
a.share-btn {
	background: url('../images/share-btn.png') no-repeat;
	display: block;
	height: 18px;
	width: 60px;
	text-indent: -9999px;
	float: left;
	font-size: 0;
	line-height: 0;
	margin-top: 1px;
	margin-right: 5px;
}

/* Content */
div#content {
	background: url('../images/content-bg.png') repeat-x;
}

div#content h2 {
	font-size: 15px;
	margin-bottom: 10px;
}

/* Products List */
div#products-list div.item-block {
	background:#fff url('../images/products-list-item-bg.png') bottom left repeat-x;
	border:1px solid #cdcdcd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:5px;
	margin-bottom:10px;
	margin-right:10px;
	width:170px;
}

div#products-list div.item-block:hover {
	background:#fafafa;
}

div#products-list div.item-thumb {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	width:170px;
	height:170px;
	overflow: hidden;
	position: static;
}

a.category-link {
	background:url('../images/category-icon.png') left center no-repeat;
	padding-left:18px;
	font-size:12px;
}

/* Categories List */
div#categories-list {
	height: 620px;
	overflow: hidden;
}

/* Home Slider */
div#home-slider {
	width:790px;
	height:300px;
	overflow: hidden;
}

div#home-slider ul {
	list-style: none
}

div#home-slider ul li {
	position: relative;
}

div#home-slider ul li div.home-slider-description {
	background:url('../images/px.png');
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	padding:10px;
	margin:20px 20px 45px;
	position: absolute;
	bottom:0;
	width:730px;
}

div.home-slider-description h3 {
	font-family:Arial, 'Sylfaen';
	font-size:18px;
}

div.home-slider-description p {
	font-family:Arial, 'Sylfaen';
}

div#home-slider .anythingControls {
	position: absolute;
	bottom:10px; 
	right:20px;
}


div#home-slider .anythingControls ul a {
	background:url('../images/px.png');
	font-family:Arial;
	font-weight:bold;
	color:#fff;
	height:27px;
	line-height:27px;
	border:0;
	width:27px;
	text-align:center;
	text-decoration:none;
}

div#home-slider .anythingControls ul a.cur {
	background:#9c213d;
}

/* Categories on Home Page */
div#home-categories div.item-block {
	width:157px;
	float:left;
}

div#home-categories {
	height:230px;
	width:785px;
	overflow: hidden;
}

div#home-categories-inner {
	width:157px;
}

div#home-slider-arrows {
	float: right;
}

div#home-slider-arrows a {
	background: url('../images/slider-arrows.png') no-repeat;
	display: inline-block;
	height: 26px;
	width: 83px;
	text-indent: -9999px;
}

div#home-slider-arrows a#prev-btn {
	background-position: top left;
}
div#home-slider-arrows a#prev-btn:hover {
	background-position: bottom left;
}
div#home-slider-arrows a#next-btn {
	background-position: top right;
}
div#home-slider-arrows a#next-btn:hover {
	background-position: bottom right;
}

div.item-block {
	width: 148px;
	height: 230px;
	float: left;
	margin-right: 6px;
	position: relative;
}

div.last-block {
	margin-right: 0 !important;
}

div.item-thumb {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 148px;
	width: 148px;
	position: absolute;
	top: 0;
	left: 0;
}

div.item-thumb img {
	display: block;
}

div.item-preview {
	position: relative;
	z-index: 2;
}

div.item-preview a {
	display: block;
	height: 148px;
	width: 148px;
	text-indent: -9999px;
}

div.item-preview a {
	background: url('../images/pix.png');
}

div.item-preview a:hover {
	background: url('../images/image-thumb-preview.png') no-repeat;
}

div.item-category {
	padding: 5px;
	line-height: 20px;
}

div.item-category a, div.item-category a {
	text-decoration: none;
	color: #3f3f3f;
}

div.item-category a:hover {
	text-decoration: underline;
}

/* Choose Category */
div#choose-category {
	float: right;
	position: relative;
	z-index: 3;
	width: 50%;
}

div#choose-category > a {
	background: url('../images/choose-category-left-bg.png') no-repeat;
	color: #818181;
	display: block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	float: right;
}

div#choose-category > a > span {
	background: url('../images/choose-category-right-bg.png') top right no-repeat;
	display: block;
	padding-left: 30px;
	padding-right: 35px;
}

div#choose-category > a:hover {
	background-position: 0 -28px;
}
div#choose-category > a:hover > span {
	background-position: bottom right;
}

div#choose-category-list {
	border: 1px solid #e4e4e4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 0;
	position: absolute;
	top: 35px;
	right: 0;
	overflow: hidden;
	display: none;
}

div#choose-category-list ul li {
	list-style: none;
}

div#choose-category-list ul li a {
	background: #fff url('../images/choose-category-arrow.png') 10px 0 no-repeat;
	border-bottom: 1px solid #e4e4e4;
	display: block;
	color: #6b6b6b;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	padding: 0 10px 0 25px;
}

div#choose-category-list ul li a:hover, div#choose-category-list ul li.active a {
	background: #f9f9f9 url('../images/choose-category-arrow.png') 10px -32px no-repeat;;
	color: #454545;
}

/* Display All Categories Button */
a#display-all-btn {
	background: url('../images/arrow-right.png') left center no-repeat;
	color: #717171;
	float: right;
	margin: 5px;
	padding-left: 15px;
	text-decoration: none;
}

a#display-all-btn:hover {
	color: #666;
	text-decoration: underline;
}

/* Products Filter */
div#products-filter {
	padding-bottom: 15px;
}

div#products-filter a {
	background: url('../images/sort-icons.png') no-repeat;
	color: #747474;
	text-decoration: none;
	padding-left: 10px;
	margin-left: 5px;
}

div#products-filter a:hover {
	text-decoration: underline;
}

div#products-filter a#sort-price-btn {
	background-position: 0 4px;
}
div#products-filter a#sort-date-btn {
	background-position: 0 -40px;
	padding-left: 13px;
}
div#products-filter a#sort-views-btn {
	background-position: 0 -84px;
	padding-left: 13px;
}

div#products-filter a span {
	background: url('../images/sort-icons.png') right -128px no-repeat;
	padding-right: 12px;
}

div#products-filter a span.sort-down {
	background-position: right -171px;
}

/* Product Close Button */
div#close {
	float: right;
	font-size: 12px;
}

div#close a, div#close a:visited {
	text-decoration: none;
	display: block;
	line-height: 16px
}
div#close a span {
	background: top right url('../images/close-btn.png') no-repeat;
	height: 18px;
	display: block;
	padding-right: 22px
}

div#close a:hover span {
	background-position: bottom right;
}

/* Product Title */
div#product-title {
	float: left;
	padding-left: 5px;
}

div#product-title h2 {
	font-size: 16px;
}

/* Products Price */
div#product-price {
	background:url('../images/px.png');
	position: absolute;
	bottom:3px;
	right:3px;
	z-index:5;	
	color:#fff;
	padding:10px 15px;
	-moz-border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	border-radius:5px 0 0 0;
}


span.price {
	display:block;
	font-family:'Impact';
	font-size:26px;
}

span.currency {
	text-align:center;
	display:block;
	color:#a2a2a2;
	font-size:12px;
}

/* Product Content Tabs */
div#content-tabs {
	font-size: 12px;
	margin-bottom: 10px;
}


div#content-tabs ul li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
div#content-tabs ul li  a, div#content-tabs ul li  a:visited {
	display: inline-block;
	text-decoration: none;
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
}

div#content-tabs ul li a:hover, div#content-tabs ul li.active a {
	background: #dedede url('../images/tab-bg.png') repeat-x;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}

div#content-tabs ul li a span {
	text-indent: -9999px;
	position: absolute;
}

div#content-tabs ul li.active a span {
	background: url('../images/tab-arrow.png');
	display: block;
	height: 7px;
	width: 15px;
	top: 29px;
	left: 50%;
	margin-left: -8px;
}

/* Product Content */
div.product-content {
	display: none;
	margin-bottom: 20px;
}

/* Product Details */
div#product-details {
	background: url('../images/product-details-bg.png') bottom left repeat-x;
	border-bottom: 1px solid #ededed;
}

div#product-details div#media, div#product-content-wrapper {
	float:left;
}

div#media {
	position: relative;
}

div#product-content-wrapper {
	padding:10px;
}

/* Product Header */
div#product-header {
	background:url('../images/products-header-bg.png') bottom left repeat-x;
	height:48px;
}

div#product-header a {
	margin:15px 15px 0;
}

div#product-header h2 {
	margin:0 auto;
	text-align:center;
	padding-top:12px;
	font-family:'Segoe UI';
	font-size:18px;
	color:#3f3f3f;
}

/* Link to Product */
div#link-to-product {
	padding-top: 5px;
	float: right;
	font-size: 13px;
}

div#link-to-product a {
	background: url('../images/link-to-product-icon.png') no-repeat;
	display: block;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	text-decoration: none;
}

div#link-to-product a:hover {
	background-position: bottom left;
}

/* Prev Product Link */
a#prev-product-btn {
	background: url('../images/next-prev-products-arrow.png') 0 7px no-repeat;
	display: block;
	float: left;
	padding-left: 15px;
	text-decoration: none;
}

a#next-product-btn {
	background: url('../images/next-prev-products-arrow.png') right -12px no-repeat;
	display: block;
	float: right;
	padding-right: 15px;
	text-decoration: none;
}

/* Comments Wrapper */
div#comments-wrapper {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 15px;
	padding: 10px;
}

div#comments-wrapper h2 {
	margin-bottom: 0;
}

div.fb-comments {
	margin-top: 10px;
}

a#comments-btn {
	background: url('../images/comments-btn.png') no-repeat;
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
}

a.opened {
	background-position: bottom left !important;
}
a.opened:hover {
	background-position: bottom right !important;
}

a.closed {
	background-position: top left !important;
}
a.closed:hover {
	background-position: top right !important;
}

div#comments {
	display: none;
}

/* Pagination */
div#pagination {
	text-align: center;
	padding-top: 10px;
}
div#pagination ul li {
	display: inline-block;
}
div#pagination ul li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
}
/* Footer */
div#footer {
	padding: 10px;
}
/* Copyright */
div#copyright {
	color: #777777;
	float: left;
}
div#copyright a, div#copyright a:visited {
	color: #777777;
	font-size: 12px;
	text-decoration: none;
}
div#copyright a:hover {
	color: #a6a6a6;
}
/* Apps Button */
div#apps {
	float: right;
	padding-top: 4px;
}
a#apps-btn {
	background: url('../images/apps-btn.png') no-repeat;
	display: block;
	height: 16px;
	width: 112px;
	text-indent: -9999px;
}
a#apps-btn:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE 5-7 */
	-moz-opacity: 0.7; /* Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7; /* Good browsers */
}

